<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                padding: 0;
                margin: 0;
                list-style: none;
            }
            .header{
                height: 95px;
            }
            .head{
                height: 95px;
                width: 960px;
                margin: auto;
            }
            .logo{
                float: left;
                width: 417px;
                height: 95px;
                margin: 25px 0;
            }
            .logo .img{
                width: 241px;
                height: 95px;
            }
            .fright{
                float: right;
                padding-top: 25px;
                width: 462px;
            }
            .fright input{
                width: 180px;
                font-size: 13px;
                line-height: 26px;
                height: 26px;
                margin: 10px 0;
            }
            .fright span{
                background: #fff;
                color: #ff6600;
                font-size: 12px;
                margin-left: 15px;
            }
            button{
                width: 16px;
                height: 15px;
                background: url(images/search.png)repeat-x;
                border: none;
                margin-left: -25px;
            }
            .nav{
                background: #efefce;
                height: 657px;
            }
            .top{
                height: 68px;
                background: url(images/nav.png)repeat-x;
                margin:  0 auto;
            }
            .ha{
                height: 68px;
                width: 960px;
                margin: 0 auto;
            }
            .ha ul{
                margin:  0 auto;
            }
            .ha li{
                position: relative;
                left: -23%;
                color: blanchedalmond;
                float: left;
                padding: 20px 30px 0px 10px;
            }
            .bottom{
                width: 960px;
                height: 589px;
                margin: 0 auto;
                background: #fef2c0;
            }
            .footer{
                height: 420px;
                background:#ff6600;
            }
            .food{
                height: 420px;
                width: 960px;
                margin: 0 auto;
            }
            .footer .footerlogo{
                float: left;
                margin: 30px 10px;

            }
            .footer .text{
                float: right;
                width: 732px;
            }
            .text .a{
                width: 177px;
                float: left;
            }
            .text .b{
                width: 177px;
                float: left;
            }
            .text .c{
                float: right;
                width: 177px;
            }
            .text .d{
                float: right;
                width: 177px;
            }
            .text ul{
                color: #fff;
                margin: 30px 10px;
                font-size: 12px;
                font-weight: 400;
                line-height: 23px;
            }
            .footerbottom{
                width: 960px;
                margin: 10px auto;
                border-top:1px solid gray;
                overflow: hidden;
            }
            .footerbottom p{
                color: #fff;
                font-size: 12px;
                text-align: center;
                margin-top: 20px;
            }

            
        </style>
    </head>
    <body>
        <div class="header">
            <div class="head">
                <div class="logo">
                    <img src="images/logo_header.png" alt="">
                </div>
                <div class="fright">
                    <input type="text"  placeholder="搜寻阿里巴巴集团">
                    <button></button>
                    <span class="a">阿里巴巴集团相关平台◥</span>
                    <span>简▼</span>
                </div>
            </div>
        </div>
        <div class="nav">
            <div class="top">
                
                <ul class="ha">
                    <li>关于我们▽</li>
                    <li>投资者关系▽</li>
                    <li>新闻及媒体资源▽</li>
                    <li>联系我们▽</li>
                </ul>
                
            </div>
            <div class="bottom">
                <img src="images/home_banner_3.png" alt="">
            </div>
        </div>
        <div class="footer">
            <div class="food">
            <div class="footerlogo">
                <img src="images/logo_footer.png" alt="">
            </div>
            <div class="text">
                <div class="a">
                    <ul>
                        <li>关于我们</li>
                        <li>公司简介</li>
                        <li>业务范畴</li>
                        <li>历史及里程碑</li>
                        <li>领导团队</li>
                        <li>文化和价值观</li>
                        <li>可持续发展</li>
                        <li>诚信合规</li>
                        <li>常见问题</li>
                    </ul>
                </div>
                <div class="b">
                    <ul>
                        <li>投资者关系</li>
                        <li>投资者关系主页</li>
                        <li>投资者新闻及活动</li>
                        <li>投资者日</li>
                        <li>年度股东大会</li>
                        <li>季度业绩</li>
                        <li>美国证交会公告</li>
                        <li>公司治理</li>
                    </ul>
                </div>
                <div class="c">
                    <ul>
                        <li>新闻及媒体资源</li>
                        <li>新闻发布</li>
                        <li>Alizila 新闻网站</li>
                        <li>媒体报导</li>
                        <li>视频</li>
                        <li>媒体资料库</li>
                        <li>社交媒体</li>
                    </ul>
                </div>
                <div class="d">
                    <ul>
                        <li>联系我们</li>
                        <li>办公地点</li>
                        <li>投资者联系</li>
                        <li>媒体联系</li>
                        <li>客户联系</li>
                        <li>执法部门合规指南</li>
                        <li>知识产权保障</li>
                    </ul>
                </div>
            </div>
            <div class="footerbottom">
                <p>加入我们 |  免责声明 |  私隱政策 |  版权公告 ? 1999-2016 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</p>
            </div>
        </div>
        </div>
        
    </body>
</html>